{% extends "_layout-embedded.html" %}

{% block meta_title %}Install {{ snap_title }} for Linux using the Snap Store | Snapcraft{% endblock %}

{% block meta_path %}/{{ package_name }}{% endblock %}

{% block extra_meta %}
  <link rel="canonical" href="https://snapcraft.io/{{ package_name }}" />
{% endblock %}

{% block content %}
<div class="p-strip--light is-shallow snapcraft-banner-background">
  <div class="row">
    <div class="p-snap-heading">
      {% if icon_url %}
        <img class="p-snap-heading__icon" src="{{ icon_url }}" alt="{{ snap_title }} snap" data-live="icon" />
      {% else %}
        <img class="p-snap-heading__icon" src="https://assets.ubuntu.com/v1/be6eb412-snapcraft-missing-icon.svg" alt="" data-live="icon" />
      {% endif %}
      <div class="p-snap-heading__title">
        <h1 class="p-heading--two p-snap-heading__name" data-live="title">{{ snap_title }}</h1>
        <ul class="p-inline-list--middot u-no-margin--bottom">
          <li class="p-inline-list__item">
            by {{ display_name(publisher, username) }}
            {% if developer_validation and developer_validation == VERIFIED_PUBLISHER %}
            <span class="p-verified p-tooltip p-tooltip--top-center" aria-describedby="{{ package_name }}-tooltip">
              <img src="https://assets.ubuntu.com/v1/75654c90-rosette.svg" />
              <span class="p-tooltip__message u-align--center" role="tooltip" id="{{ package_name }}-tooltip">Verified account</span>
            </span>
            {% endif %}
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>

{% if show_screenshot and screenshots[0] %}
<div class="p-strip is-shallow">
  <div class="row">
    {% set screenshot = screenshots[0] %}
    {% set disable_lazy = True %}
  {% include "partials/_snap-screenshot.html" %}
  </div>
</div>
{% endif %}

{% if button or show_summary %}
<div class="p-strip is-shallow">
  <div class="row">
    <div class="p-embedded-description">
      {% if show_summary %}
        <h4 class="p-embedded-description__summary">{{ summary }}</h4>
      {% endif %}
      {% if button %}
      <div class="p-embedded-description__badge">
        <img alt="Get it from the Snap Store" src="https://snapcraft.io/static/images/badges/en/snap-store-{{ button }}.svg" />
      </div>
      {% endif %}
    </div>
  </div>
</div>

<div class="row">
  <hr class="u-no-margin--bottom"/>
</div>
{% endif %}

<div class="p-strip is-shallow">
  <div class="row">
    {% if show_channels %}
      <table>
        <thead>
          <tr>
            <th>Channel</th>
            <th>Version</th>
            <th width="33%">Published</th>
          </tr>
        </thead>
        <tbody>
          {% for track in channel_map[default_architecture] %}
            {% for release in channel_map[default_architecture][track] %}
            <tr>
              <td>{% if track == "latest"%}{{ track }}/{% endif %}{{ release.channel }}</td>
              <td class="u-ellipsis">{{ release.version }}</td>
              <td>{{ release["created-at"] }}</td>
            </tr>
            {% endfor %}
          {% endfor %}
        </tbody>
      </table>
    {% else %}
      <p>{{ default_track }}/{{ lowest_risk_available }} {{ version }}</p>
      <p><small>Published {{ last_updated }}</small></p>
    {% endif %}
  </div>
</div>

<a class="p-embedded-card-link" href="https://snapcraft.io/{{ package_name }}"></a>
{% endblock content %}
